<!-- transfers_history.html -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>转账记录</title>
  <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
  <!-- 添加以下脚本引入 -->
  <script src="{{ url_for('static', filename='js/transfers.js') }}"></script>
</head>
<body>
  <div class="container">
    <header class="header">
      <button class="back-btn" onclick="window.history.back()">←</button>
      <h2>转账记录</h2>
    </header>
    
    <div class="section">
      <h3>最近转账记录</h3>
      <div id="transfers-list" class="history-list">
        <div class="empty-state" style="text-align: center; padding: 20px; color: var(--text-secondary);">
          暂无转账记录
        </div>
      </div>
    </div>
  </div>
  <script>
    window.onload = function() {
      fetchTransfers();
    };
  </script>
</body>
</html>